/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See full license in root of repo. */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
}

body {
    position: relative;
    font-size: 16px;
}

main {
    height: 100%;
    overflow-y: auto;
}

footer {
    width: 100%;
    position: relative;
    bottom: 0;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul {
    padding: 0;
}

.clearfix {
    display: block;
    clear: both;
    height: 0;
}

.pointerCursor {
    cursor: pointer;
}

.invisible {
    visibility: hidden;
}

.undisplayed {
    display: none;
}

.ms-Icon.enlarge {
    position: relative;
    font-size: 20px;
    top: 4px;
}

.ms-firstrun-trial {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
}

.ms-firstrun-trial__header {
    min-height: 220px;
    max-height: 300px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 20px 0;
}

    .ms-firstrun-trial__header h2 {
        letter-spacing: 5px;
        margin-bottom: 20px;
    }

.ms-firstrun-trial__title, .ms-firstrun-trial__subtitle {
    padding: 0 20px;
}

.ms-firstrun-trial__logo {
    height: 100%;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    background: transparent no-repeat center center;
    background-size: contain;
    background-image: url("/assets/logo-background-geometric.png");
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

    .ms-firstrun-trial__logo img {
        width: 40px;
        margin-right: 20px;
    }

    .ms-firstrun-trial__logo h1 {
        display: block;
    }

.ms-firstrun-trial__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    min-height: 250px;
    padding: 20px;
}

.ms-firstrun-trial__content--centered {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.ms-firstrun-trial__list {
    list-style-type: none;
}

    .ms-firstrun-trial__list li {
        margin-bottom: 20px;
    }

        .ms-firstrun-trial__list li i {
            position: relative;
            top: 2px;
            margin-right: 10px;
        }

.ms-firstrun-trial__action--primary.ms-Button {
    -webkit-align-self: center;
    align-self: center;
    margin-top: 65px;
    border: solid 2px #FFFFFF;
    width: calc(100vw - 40px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    transition: background ease 0.1s, color ease 0.1s;
}

    .ms-firstrun-trial__action--primary.ms-Button span.ms-Button-label {
        color: #FFFFFF;
    }

    .ms-firstrun-trial__action--primary.ms-Button:active, .ms-firstrun-trial__action--primary.ms-Button:hover {
        background: #FFFFFF;
        color: #0078d7;
        cursor: pointer;
    }

    .ms-firstrun-trial__action--primary.ms-Button:active {
        background: #FFFFFF;
    }

.ms-firstrun-trial__action--primary.ms-Button--disabled {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

    .ms-firstrun-trial__action--primary.ms-Button--disabled:active, .ms-firstrun-trial__action--primary.ms-Button--disabled:hover {
        background: transparent;
    }
